<template>
   <h1>订单中心</h1>
</template>

<script setup lang="ts">
import { ref, watch } from 'vue';
import { useRoute } from 'vue-router'
const route = useRoute();
const time = route.query.time;
// 1666579661690
// 如果匹配到的是同一个组件，不会重新挂载
if (time) {
   console.log('你想看' + time + '时间提交的那个订单')
} else {
   console.log('你想看全部订单')
}

// 如果希望即使是同一个组件，但是路由参数变化了，也要重新执行
watch(route, (val) => {
   console.log('路由变化了')
})
</script>

<style scoped lang="scss">

</style>
